<template>
  <div class="center flex">
    <a-input-number class="flex1" v-model="value" v-bind="$attrs" />
  </div>
</template>

<script>
export default {
  name: 'base-input-number',
  inheritAttrs: false,
  data() {
    return {
      value: ''
    }
  },
  mounted() {
    if (this.$attrs.defaultValue) {
      this.value = this.$attrs.defaultValue

      this.$emit('change', this.$attrs.defaultValue)
    }
  }
}
</script>

<style scoped></style>
